<%--
  Copyright &copy; Well All rights reserved.
  User: Well
  Date:2018-03-01
  Description:easyui的textbox页面
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<form>

    <h3>有label的textbox</h3>
    <input class="easyui-textbox" data-options="label:'文本框：'" />
    <br/><br/>
    <h3>没有label的textbox</h3>
    <input class="easyui-textbox" />

    <br/><br/>

    <h3>系统默认校验</h3><br/>
    必填校验：<input class="easyui-textbox" data-options="required:true" />
    长度范围校验：<input class="easyui-textbox" data-options="validType:['length[5,10]']" />
    邮箱校验：<input class="easyui-textbox" data-options="validType:['email']" />
    url校验：<input class="easyui-textbox" data-options="validType:['url']" />

    <br/><br/><br/>

    <h3>自定义校验</h3><br/>
    最小值、最大值校验：<input class="easyui-textbox" data-options="validType:['min[10]','max[20]']" />
    值范围校验：<input class="easyui-textbox" data-options="validType:['range[10,20]']" />
    数字校验：<input class="easyui-textbox" data-options="validType:['number']" />

    <br/><br/><br/>

    <h3>easyui numberbox的校验</h3><br/>
    <input class="easyui-numberbox" data-options="min:10" />

    <h3>远程校验</h3>
    <input class="easyui-textbox" data-options="" />

</form>

<script>

    (function($){

        $.extend($.fn.validatebox.defaults.rules,{

        });

    })(jQuery);

</script>